<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/goods_detail.css">
    <link rel="stylesheet" href="./css/public.css">

</head>

<body>
    <div class="header">
        <div class="header_box">
            <div class="header_text">
                <span class="sound"></span>
                用银行卡在严选购物，最高随机直减99元
            </div>
            <div class="header_nav">
                <div class="h_reg">登录/注册</div>
                <div class="h_order">我的订单</div>
                <div class="">会员</div>
                <div class="">甄选家</div>
                <div class="">企业采购</div>
                <div class="">客户服务</div>
                <div class="">APP</div>
            </div>
        </div>
    </div>
    <div class="navi">
        <div class="navi_box">
            <div class="nav_logo">
                <div class="logo_img"></div>
                <div class="logo_search">
                    <div type="text" class="search">轻弹云朵家居拖鞋
                        <span></span>
                    </div>
                    <div class="goods_text">
                    </div>
                </div>
                <div class="carts"></div>
            </div>
            <div class="nav_tittle">
                <div class="first">首页</div>
                <div>居家生活</div>
                <div>鞋包服饰</div>
                <div>美食酒水</div>
                <div>个护清洁</div>
                <div>母婴清洁</div>
                <div>运动旅行</div>
                <div>数码家电</div>
                <div>全球特色</div>
                <div>为你严选</div>
                <div>众筹</div>
            </div>
        </div>
    </div>
    <div class="goodsBox">
        <div class="goodsDetailBox">
            <div class="goodsDetail">
                <div class="detailHead">
                    <div class="mCrumb ">
                        <span class="crumbName ">首页&nbsp;>&nbsp;</span>
                        <a class="crumbUrl " href="">居家生活&nbsp;>&nbsp;</a>
                        <a class="crumbUrl " href="">宠物食品&nbsp;>&nbsp;</a>
                        <span class="crumbName ">全价猫粮 1.8千克</span>
                    </div>
                </div>
                <div class="detailContent">
                    <div class="detConLeft">
                        <div class="detConLeftTop" id="bigBox">
                            <div id="moverBox"></div>
                        </div>
                        <div class="detConLeftMid" id="smallBox">
                            <div class="midImg1"></div>
                            <div class="midImg2"></div>
                            <div class="midImg3"></div>
                            <div class="midImg4"></div>
                            <div class="midImg5"></div>
                        </div>
                        <div id="magnifyBox"></div>
                        <div class="detConLeftBot">
                            <div class="infor">
                                <a class="desInfor">企业采购更优惠&nbsp;></a>
                            </div>
                        </div>
                    </div>
                    <div class="detConRight">
                        <div class="detConRightOne">
                            <div class="oneLeft">
                                <div class="oneTittle"><span>特型黄酒 500毫升</span></div>
                                <div class="oneDesc">绍兴出产，八年陈酿</div>

                            </div>
                            <div class="oneRight">
                                <span class="faceback">99.3%</span>
                                <span class="facebackRate">好评率 ></span>
                            </div>
                        </div>
                        <div class="detConRightTwo">
                            <span class="twoL">网易员工精选</span>
                            <span class="twoR">距优惠结束12时58分30秒</span>



                        </div>
                        <div class="detConRightThr">
                            <div class="thrCont">
                                <div class="price">
                                    <div class="priLeft">
                                        <span class="actPri">活动价</span>
                                        <span class="rp">
                                            <span class="rmb">¥</span>
                                            <span class="num">58</span>
                                        </span>
                                        <span class="op">
                                            <span class="opp">￥68</span>
                                        </span>
                                    </div>
                                </div>
                                <div class="rebate">
                                    <div class="rebateCont">
                                        <span class="re1">购物返</span>
                                        <span class="re2">新用户最高返</span>
                                        <span class="re3">¥0.58回馈金 + 5积分</span>
                                        <span class="re4"></span>
                                    </div>
                                </div>
                                <div class="limit">
                                    <span class="limit1">限制</span>
                                    <span class="limit2">特价商品不可与优惠券叠加使用</span>
                                </div>
                                <div class="dispatching">
                                    <span class="arrive">配送</span>
                                    <span class="where">至</span>
                                    <select name="" id="">
                                        <option value="请选择地址">请选择地址</option>
                                    </select>
                                </div>
                                <hr>
                                <div class="servecus">
                                    <span class="sersers">服务</span>
                                    <div class="sersersBox">
                                        <span>･&nbsp;</span>
                                        <span>不支持无忧退换货</span>
                                        <span>&nbsp;&nbsp;</span>


                                        <span>･&nbsp;</span>
                                        <span>48小时快速退款</span>
                                        <span>&nbsp;&nbsp;</span>


                                        <span>･&nbsp;</span>
                                        <span>满88元免邮费</span>
                                        <span>&nbsp;&nbsp;</span>


                                        <span>･&nbsp;</span>
                                        <span>网易自营品牌</span>
                                        <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>


                                        <span>･&nbsp;</span>
                                        <span>国内部分地区无法配送</span>

                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="detConRightFou">
                            <div class="kinds">
                                <div class="kindSty">规格</div>
                                <div class="optSty">
                                    <span></span>
                                    <span></span>
                                </div>
                            </div>
                            <div class="counts">
                                <div class="count">数量</div>
                                <div class=" optCount">
                                    <span class="less ">-</span>
                                    <span class="optCount1">1</span>
                                    <span class="add">+</span>
                                </div>
                            </div>
                        </div>
                        <div class="detConRightFiv">
                            <button class="fastBuy">立即购买</button>
                            <button class="addCart">加入购物车
                                <span></span>
                            </button>
                            <div class="stroeFlie">
                                <span class="start"></span>
                                <span class="save">收藏</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="likeOther">
                <div class="liketit">
                    你可能还喜欢
                </div>
                <div class="otherGoods">
                    <div class="otherGoodInfor">
                        <div class="otherGoodImg"></div>
                        <div class="otherGoocontent">
                            <p class="addVal">
                                <span>加购价</span>
                            </p>
                            <p class="descr">全价幼猫粮 1.8千克</p>
                            <p class="price">￥69</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="goodsDesc">
                <div class="goodsDescLeft">
                    <ul class="rigTittle">
                        <li class="li1">详情</li>
                        <li class="">评价(12590)</li>
                        <li class="">甄选家评测</li>
                        <li class="">质检报告</li>
                        <li class="">常见问题</li>
                        <li class=""></li>
                    </ul>
                    <div class="name">
                        <ul>
                            <li class="">商品名称</li>
                            <li class="">全家猫粮</li>
                        </ul>
                        <ul>
                            <li class="">适用对象</li>
                            <li class="">猫</li>
                        </ul>
                    </div>
                    <div class="age"></div>
                    <div class="expirDate"></div>
                    <div class="burdenSheet"></div>
                    <div class=" nutrition"></div>
                    <div class="storageCondition"></div>
                    <div class="warmprompt"></div>


                </div>
                <div class="goodsDescRight">

                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="third_reg">
            <div class="third_reg_l">
                <div class="gre_l_serve">
                    <p class="cus_service">客户服务</p>
                    <div class="ser_infor">
                        <div class="ser_img1">
                            <span class="ser_img11"></span>
                            <span class="online_s">在线服务</span>
                        </div>
                        <div class="ser_img2">
                            <span class="ser_img12"></span>
                            <span class="uder_val">用户反馈</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="third_reg_m">
                <p class="m_titt">何为严选</p>
                <p class="m_info">网易原创生活类电商品牌，秉承网易一贯的严谨态度，我们深入世界各地，从源头全程严格把控商品生产环节，力求帮消费者甄选到优质的商品</p>
                <div class="m_third">
                    <p class="force">关注我们</p>
                    <div class="wechat">
                        <div class="img_1"></div>
                        <div class="img_2"></div>
                        <div class="img_3"></div>
                    </div>
                </div>
            </div>
            <div class="third_reg_r">
                <div class="third">扫码下载严选APP</div>
                <div class="codebox"><a href="#" class="wycodes"></a></div>
                <div class="yx_cp_tip">下载领1000元新人礼包</div>
            </div>
        </div>
        <div class="after_sale">
            <ul class="brands">
                <li>
                    <div class="brandIcon brandIcon1"></div>
                    <p brandFeature>网易自营电商</p>
                </li>
                <li>
                    <div class="brandIcon brandIcon2"></div>
                    <p brandFeature>30天无忧退换货</p>
                </li>
                <li>
                    <div class="brandIcon brandIcon3"></div>
                    <p brandFeature>满88元免邮费</p>
                </li>
                <li>
                    <div class="brandIcon brandIcon4"></div>
                    <p brandFeature>品质保证</p>
                </li>
            </ul>
            <div class="hrwy"></div>
            <div class="botBox">
                <p class="links">
                    <a href="#">关于我们</a>
                    <b>|</b>
                    <a href="#">帮助中心</a>
                    <b>|</b>
                    <a href="#">售后服务</a>
                    <b>|</b>
                    <a href="#">配送与验收</a>
                    <b>|</b>
                    <a href="#">商务合作</a>
                    <b>|</b>
                    <a href="#">企业采购</a>
                    <b>|</b>
                    <a href="#">开放平台</a>
                    <b>|</b>
                    <a href="#">搜索推荐</a>
                    <b>|</b>
                    <a href="#">友情链接</a>
                    <b>|</b>
                    <a href="#">廉正举报</a>
                </p>
                <p class="midText">
                    <a href="#">食品经营许可证：JY13301080111719</a>
                    <a href="#">出版物经营许可证：新出发滨字第0132号</a>
                    <span class="yxtext">妙得ICP证号：ICP&nbsp;证浙B2-20160106</span>
                    <a href="#">浙杭食药监械经营备20171029号</a>
                    <a href="#">营业执照</a>
                    <span>网易公司版权所有 ©1997-</span>
                    <span>2019</span>
                </p>
                <p class="yxpolice">
                    <span style="margin-right:8px;">
                        <a href="#">无线电发射设备销售备案：42201919712647</a>
                    </span>
                    <span style="margin-right:8px;">
                        <a href="#">（浙杭）网械企备字[2019]第00119号</a>
                    </span>
                    <span style="margin-right:10px;">（粤）网械平台备字（2019）第00004号</span>
                    <span>
                        <a style="margin-right:8px;" href="#">单用途商业预付卡备案证：330100AAC0024</a>
                        <a class="yxshield" href="#">
                            <img src="./img/police.gif" alt="">
                        </a>
                    </span>
                </p>
            </div>
        </div>
    </div>
    <script src="./lib/jquery-3.4.1.js"></script>
    <script src="./js/goods_detail.js"></script>
    <script src="./js/getStyle.js"></script>
</body>

</html>